<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号-登录</title>
    <link rel="stylesheet" href="register.css">
    <link rel="stylesheet" href="./index_style.css">
</head>

<body>
    <!-- 头部部分 开始 -->
    <div href="#" class="header">
        <a href="index.html" class="logo"></a>
        <div class="logo_text">
            <h2>小米商城</h2>
            <p>让每个人都能享受科技的乐趣</p>
        </div>

    </div>

    <!-- 头部部分 结束 -->


    <!-- 中间部分 开始 -->
    <div class="middle">
        <div class="user">
            <div class="user_header">
                <div class="title">
                    <a href="#">账号登录</a>
                    <span class="line"></span>
                    <a href="#">扫码登录</a>
                </div>
            </div>
            <div class="user_middle">
                <input type="text" placeholder="邮箱/手机号码/小米ID">
                <input type="password" name="mima" id="password" placeholder="密码">
                <a href="#">登录</a>
                <li><a href="#">手机短信登录/注册</a></li>
                <li><a href="login.html">立即注册</a> <span>|</span> <a href="#">忘记密码</a></li>
            </div>
            <div class="user_footer"><img src="images/register_middle_last.png" alt=""></div>
        </div>
    </div>
    <div class="right_float">
        <a href="./index.html" class="item">
            <div class="pic pic1"></div>
            <div class="pic_text">手机APP</div>
        </a>
        <a href="./login.html" class="item">
            <div class="pic pic2"></div>
            <div class="pic_text">个人中心</div>
        </a>
        <a href="./message.html" class="item">
            <div class="pic pic3"></div>
            <div class="pic_text">售后服务</div>
        </a>
        <!-- <a href="#" class="item"><div class="pic pic4"></div><div class="pic_text">人工客服</div></a> -->
        <a href="./shopping.html" class="item">
            <div class="pic pic5"></div>
            <div class="pic_text">购物车</div>
        </a>
    </div>
    <!-- 中间部分 结束 -->


    <!-- 尾部部分 开始 -->
    <div class="footer">
        <ul>
            <li><a href="#">简体</a><span>|</span></li>
            <li><a href="#">繁体</a><span>|</span></li>
            <li><a href="#">English</a><span>|</span></li>
            <li><a href="#">常见问题</a><span>|</span></li>
            <li><a href="#">隐私政策</a></li>
        </ul>

    </div>
    <!-- 尾部部分 结束 -->
</body>

</html>